.multi {
  width: 100%;
  .mainStyle {
    width: 100%;
    .title {
      width: 100%;
      display: flex;
      justify-content: space-between;
      .styleTest {
        font-family: Source Han Sans CN;
        font-weight: 300;
        font-size: 12px;
        line-height: 18px;
        color: #222222;
        &::before {
          width: 2px;
          height: 11px;
          content: '';
          display: inline-block;
          background-color: #000;
          margin-right: 4px;
          position: relative;
          top: 2px;
        }
      }
      .dnRecomment {
        text-align: center;
        width: 50px;
        height: 15px;
        background-color: #000;
        font-family: Source Han Sans CN;
        font-weight: 300;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
      }
    }
    .main {
      margin-top: 6px;
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 220px;
      .cluster {
        width: 14px;
        height: 186px;
        margin-top: 14px;
      }
      .pie {
        width: 220px;
        height: 220px;
        border-radius: 50%;
        border: 1px solid #000;
      }
    }

    .totalTitle {
      margin-top: 31px;
      font-family: PingFang SC;
      font-style: normal;
      font-weight: 300;
      font-size: 12px;
      line-height: 24px;
      color: #000000;
    }
    .clusterMulti {
      height: 14px;
      width: 100%;
      margin-bottom: 35px;
      margin-top: 19px;
    }
  }
  .recommentImg {
    width: 100%;
    height: 28px;
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .multiFirst {
    margin-bottom: 60px;
  }
}
